.banner{
    width: 100%;
    height: 420px;
    background: #43506e;
   .container{
        position: relative;
        z-index: 1;
        #images{
            width: 100%;
            height: 100%;
            img{
                width: 100%;
                height: 100%;
                display: none;
                &:first-child{
                    display: block;
                }
            }
        }
    #wr>span{
        font-family: "Microsoft YaHei";
        font-size: 40px;
        color: #fff;
        position: absolute;
        width: 58px;
        height: 128px;
        line-height: 128px;
        text-align: center;
        top: 146px;
        background: rgba(0, 0, 0, .5);
        user-select: none;
        cursor: pointer;
        
        &:nth-of-type(2){
            right: 0;
        }
    }

    .br-foot{
        width: 87.8%;
        height: 60px;
        position: absolute;
        bottom: 0;
        left: 5%;
        background: rgba(0, 0, 0, .5);
        display: flex;
        justify-content: space-around;
        span{
            width: 10%;
            height: 47px;
            display: block;
            margin: auto;
            border: 1px solid transparent;
            cursor: pointer;
            &:first-child{
                border: 1px solid #ff9000;
                opacity: 1;
            }
            img{
                width: 100%;
                height: 100%;
                opacity: .8;
            }

        }
    }
   }
}

.nav3{
    width: 100%;
    height: 37px;   
    line-height: 37px;
    background: #fff;
    box-shadow: 0 1px 1px #dddddd;

    .containers{
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;

        a{
            font-family: "Microsoft YaHei";
            font-size: 14px;
            color: #6e6e6e;
            padding: 0 15px;
            border-right: 1px solid #dadada;
            display: block;
            margin: auto 0;
            text-decoration: none;
            &:hover{
                text-decoration: underline;
            }
        }

    }

   
}

.body{
    width: 100%;
    background: #f4f4f4;
    padding-top: 52px;
    .containers{
        padding-bottom: 87px;
        .body-1{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 13px;
            &>a{
                overflow: hidden;
                flex-shrink: 1;
                &:nth-child(1), 
                &:nth-child(2),
                &:nth-child(3),
                &:nth-child(4){
                    display: block;
                    margin-bottom: 3px;
                }

                &>img{
                    width: 100%;
                    height: 100%;
                }

                &:first-child{
                    width: 533px;
                    height: 163px;
                    background: #ff9000;
                    text-decoration: none;
                    div{
                        width: 230px;
                        height: 80px;
                        margin: 47px auto 0;
                        p{
                            color: #fff;
                            &:nth-child(1){
                                font-family: Arial;
                                font-size: 91.33px;
                                float: left;
                                transform: translate(4px,-6px);
                            }
                            &:nth-child(2){
                                font-family: "Microsoft YaHei";
                                font-size: 43.94px;
                                margin-bottom: 9px;
                            }
                            &:nth-child(3){
                                font-family: Arial;
                                font-size: 19.93px;
                                text-indent: 3px;
                            }
                        }
                    }

                    &:hover{
                        background: #ffb554;
                    }
                }

                &:nth-child(5){
                    position: relative;
                    text-decoration: none;
                    color: #fff;
                    div{
                        position: absolute;
                        width: 100%;
                        height: 42px;
                        line-height: 42px;
                        bottom: 0;
                        background: rgba($color: #ff9000, $alpha: .8);
                        img{
                            display: inline-block;
                            transform: translate(16px,7px);
                        }
                        p{
                            display: inline-block;
                            margin-left: 22px;
                            font-family: "Microsoft YaHei";
                            font-size: 16px;
                        }

                        &:hover{
                            background: rgba($color: #c31a9f, $alpha: .8);
                        }
                    }
                }

                &:nth-child(2),
                &:nth-child(3),
                &:nth-child(4),
                &:nth-child(5), 
                &:nth-child(6),
                &:nth-child(7),
                &:nth-child(8){
                    img{
                        transition: all .5s ease-in-out;
                    }
                    &>img:hover{
                        transform: scale(1.2);
                    }
                }

                &:nth-child(2){
                    width: 175px;
                    height: 163px;
                }
                &:nth-child(3){
                    width: 175px;
                    height: 163px;
                }
                &:nth-child(4){
                    width: 175px;
                    height: 163px;
                }
                &:nth-child(5){
                    width: 354px;
                    height: 163px;
                }
                &:nth-child(6){
                    width: 175px;
                    height: 163px;
                }
                &:nth-child(7){
                    width: 175px;
                    height: 163px;
                }
                &:nth-child(8){
                    width: 354px;
                    height: 163px;
                }
                
            }
        }

        .body-1:hover + div>span{
            transform: translate(161.78%);
            background: #c31a9f;
        }
    &>div:nth-of-type(2){
            width: 100%;
            height: 12px;
            background: #fff;
            margin-bottom: 28px;
            span{
                width: 38.22%;
                height: 100%;
                background: #ff9000;
                display: block;
                transition: all .5s ease-in-out;
            }

            
        }

        .body-2{
            width: 100%;
            display: flex;
            margin-bottom: 25px;
            &>a{
                height: 165px;
                flex-grow: 1;
                flex-shrink: 1;
                text-decoration: none;
                color: #fff;
                &:nth-child(1){
                   flex-basis: 345px; 
                   background: #54d1f5;
                   position: relative;
                    &:hover{
                        background: #7cd7f0;
                    }
                   &::after{
                       content: "";
                       border-top: 9px solid transparent;
                       border-bottom: 9px solid transparent;
                       border-left: 15px solid #54d1f5;
                       position: absolute;
                       right: -14px;
                       top:75px;
                       z-index: 10;
                   }
                   &:hover::after{
                    border-left: 15px solid #7cd7f0;

                   }
                   div{
                       width: 202px;
                       height: 74px;
                       margin: 49px auto 0;
                       p{
                           &:nth-child(1){
                                font-family: "Microsoft YaHei";
                                font-size: 66.38px;
                                float: left;
                           }

                           &:nth-child(2){
                            font-family: "Microsoft YaHei";
                            font-size: 44.1px; 
                            margin-bottom: 7px;
                           }

                           &:nth-child(3){
                            font-family: Arial;
                            font-size: 17.52px; 
                            text-indent: 5px;
                           }
                       }
                   }
                }

                &:nth-child(2){
                    flex-basis: 422px;
                    overflow: hidden;
                    img{
                        width: 100%;
                        height: 100%;
                        transition: all .5s ease-in-out;
                    }
                    &:hover>img{
                        transform: scale(1.2);
                    }
                }

                &:nth-child(3){
                    flex-basis: 303px;
                    background: #54d1f5;
                    h4{
                        font-family: "Microsoft YaHei";
                        font-size: 19px;
                        color: #fff;
                        width: 100%;
                        text-align: center;
                        margin-bottom: 15px;
                        margin-top: 25px;
                    }
                    p{
                        width: 225px;
                        font-family: "Microsoft YaHei";
                        font-size: 14px;
                        color: #fff;
                        line-height: 20px;
                        margin: 0 auto;

                    }
                    span{
                        display: block;
                        font-family: "Microsoft YaHei";
                        font-size: 14px;
                        color: #fff;
                        float: right;
                        margin: 13px 27px 0 0;
                        padding:0 2px 2px 2px;
                        border-bottom:1px solid #fff;
                        position: relative;
                        &::after{
                            content: "";
                            width: 21px;
                            height: 21px;
                            display: block;
                            position: absolute;
                            background-image: url(../images/body2-img2.png);
                            left: -22px;
                            top: -4px;
                        }
                    }

                    &:hover{
                        background: #7cd7f0;
                        p{
                            text-decoration: underline;
                        }
                    }
                }
            }
        }

        .body-3{
            width: 100%;
            display: flex;
            justify-content: space-between;

            .bd3-lt{
                width: 758px;
                display: flex;
                flex-direction: column;
                &>div{

                    &:nth-child(1){
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: 16px;
                        &>div{

                            &:nth-child(1){
                                width: 403px;

                                &>a{
                                    text-decoration: none;
                                    display: block;
                                    &:nth-child(1){
                                        width: 100%;
                                        height: 163px;
                                        background: #ac92ed;
                                        position: relative;
                                        &:hover{
                                            background: #c1b1ee;
                                        }
                                        &::after{
                                            content: "";
                                            border-left: 7px solid transparent;
                                            border-right: 7px solid transparent;
                                            border-top: 13px solid #ac92ed;
                                            display: block;
                                            position: absolute;
                                            bottom: -12px;
                                            left: 195px;
                                            z-index: 20;
                                        }

                                        &:hover::after{
                                            border-top-color: #c1b1ee;
                                        }
                                        div{
                                            width: 222px;
                                            height: 75px;
                                            margin: 0 auto;
                                            padding-top: 49px;

                                            P{
                                                color: #fff;

                                                &:nth-child(1){
                                                    font-family: Arial;
                                                    font-size: 91px;
                                                    float: left;
                                                    transform: translate(4px,-7px);
                                                }

                                                &:nth-child(2){
                                                    font-family: "Microsoft YaHei";
                                                    font-size: 42.76px;
                                                    margin-bottom: 10px;
                                                }

                                                &:nth-child(3){
                                                    font-family: Arial;
                                                    font-size: 19.86px;
                                                    text-indent: 3px;
                                                }
                                            }
                                        }

                                    }

                                    &:nth-child(2),&:nth-child(3),&:nth-child(4){
                                        width: 100%;
                                        height: 151px;
                                        overflow: hidden;
                                        margin-bottom: 2px;
                                        img{
                                            width: 100%;
                                            height: 100%;
                                            transition: all .5s ease-in-out;

                                            &:hover{
                                                transform: scale(1.2);
                                            }
                                        }
                                    }

                                    &:nth-child(5){
                                        width: 100%;
                                        height: 151px;
                                        position: relative;
                                        z-index: 1;
                                        img{
                                            width: 100%;
                                            height: 100%;
                                        }
                                        &>div{
                                           width: 100%;
                                           height: 100%;
                                            position: absolute;
                                            top: 0;
                                            background: rgba(164, 143, 225,.8);

                                            &:hover{
                                                background: rgba(185, 167, 238, 0.8);
                                                p{
                                                    text-decoration: underline;
                                                    span{
                                                        text-decoration: underline;
                                                    }
                                                }
                                            }
                                            div{
                                                width: 297px;
                                                height: 114px;
                                                margin: 25px auto 0;
                                                h4{
                                                    font-family: "Microsoft YaHei";
                                                    font-size: 16px;
                                                    color: #fff;
                                                    margin-bottom: 11px;
                                                    position: relative;
                                                    span{
                                                        color: #fffffe;
                                                        font-size: 12px;
                                                        font-family: "Microsoft YaHei";
                                                        float: right;
                                                    }
                                                    &::after{
                                                        content: "";
                                                        width: 21px;
                                                        height: 21px;
                                                        display: block;
                                                        position: absolute;
                                                        background-image: url(../images/body2-img2.png);
                                                        top: -4px;
                                                        left: -34px;
                                                    }
                                                }
                                                p{
                                                    font-family: "Microsoft YaHei";
                                                    font-size: 14px;
                                                    color: #fefeff;
                                                    line-height: 20px;
                                                    margin-bottom: 14px;
                                                    span{
                                                        color: #544185;
                                                    }
                                                }
                                                &>span{
                                                    font-family: Arial;
                                                    font-size: 14px;
                                                    color: #fff;
                                                    margin-left: 25px;
                                                    position: relative;
                                                    &::after{
                                                        content: "";
                                                        width: 19px;
                                                        height: 20px;
                                                        display: block;
                                                        position: absolute;
                                                        background-image: url(../images/body3-sm.png);
                                                        top: -5px;
                                                        left: -25px;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            
                            &:nth-child(2){
                                width: 328px;
                                &>a{
                                    text-decoration: none;
                                    display: block;
                                    &:nth-child(1){
                                        width: 100%;
                                        height: 207px;
                                        background: #fb6e52;
                                        position: relative;
                                        &:hover{
                                            background: #f8846d;
                                        }
                                        &::after{
                                            content: "";
                                            border-left: 7px solid transparent;
                                            border-right: 7px solid transparent;
                                            border-top: 13px solid #fb6e52;
                                            display: block;
                                            position: absolute;
                                            bottom: -12px;
                                            left: 155px;
                                            z-index: 20;
                                        }

                                        &:hover::after{
                                            border-top-color: #f8846d;
                                        }
                                        div{
                                            width: 181px;
                                            height: 75px;
                                            margin: 0 auto;
                                            padding-top: 66px;

                                            P{
                                                color: #fff;

                                                &:nth-child(1){
                                                    font-family: Arial;
                                                    font-size: 91px;
                                                    float: left;
                                                    transform: translate(4px,-7px);
                                                }

                                                &:nth-child(2){
                                                    font-family: "Microsoft YaHei";
                                                    font-size: 42.76px;
                                                    margin-bottom: 10px;
                                                }

                                                &:nth-child(3){
                                                    font-family: Arial;
                                                    font-size: 19.86px;
                                                    text-indent: 3px;
                                                }
                                            }
                                        }

                                    }

                                    &:nth-child(2){
                                       width: 100%;
                                       height: 189px;
                                       overflow: hidden;
                                       margin-bottom: 1px;
                                       img{
                                           width: 100%;
                                           height: 100%;
                                            transition: all .5s ease-in-out;
                                           &:hover{
                                               transform: scale(1.2);
                                           }
                                       }
                                    }

                                    &:nth-child(3){
                                        width: 100%;
                                        height: 184px;
                                        position: relative;
                                        margin-bottom: 1px;
                                        img{
                                            width: 100%;
                                            height: 100%;
                                        }

                                        &>div{
                                            width: 100%;
                                            height: 100%;
                                            position: absolute;
                                            top: 0;
                                            background: rgba($color: #e4664e, $alpha: .8);

                                            &:hover{
                                                background: rgba($color: #e07b67, $alpha: .8);
                                                p{
                                                    text-decoration: underline;
                                                    span{
                                                        text-decoration: underline;
                                                    }
                                                }
                                            }

                                            &>div{
                                                width: 199px;
                                                height: 107px;
                                                margin: 30px auto 0;

                                                h4{
                                                    font-family: "Microsoft YaHei";
                                                    font-size: 16px;
                                                    color: #fff;
                                                    margin-bottom: 14px;
                                                    position: relative;
                                                    &::after{
                                                        content: "";
                                                        width: 21px;
                                                        height: 21px;
                                                        display: block;
                                                        position: absolute;
                                                        background-image: url(../images/body2-img2.png);
                                                        top: -3px;
                                                        left: -41px;
                                                    }
                                                }
                                                p{
                                                    font-family: "Microsoft YaHei";
                                                    font-size: 14px;
                                                    color: #fff;
                                                    line-height: 20px;
                                                    span{
                                                        color: #633e36;
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    &:nth-child(4){
                                        width: 100%;
                                        height: 189px;
                                        overflow: hidden;
                                        margin-bottom: 1px;
                                        img{
                                            width: 100%;
                                            height: 100%;
                                             transition: all .5s ease-in-out;
                                            &:hover{
                                                transform: scale(1.2);
                                            }
                                        }
                                     }
                                }
                            }
                        }

                    }

                    &:nth-child(2){
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        
                        &>a{
                            width: 302px;
                            height: 286px;
                            display: block;
                            background: #6abc40;
                            text-decoration: none;
                            color: #fff;

                            &:hover{
                                background: #89d463;
                            }
                            div{
                                width: 234px;
                                height: 77px;
                                margin: 115px auto 0;
                                p{
                                    &:nth-child(1){
                                        font-family: Arial;
                                        font-size: 91.33px;
                                        float: left;
                                        transform: translate(5px,-6px);
                                    }
                                    &:nth-child(2){
                                        font-family: "Microsoft YaHei";
                                        font-size: 45.94px;
                                        margin-bottom: 8px;
                                    }
                                    &:nth-child(3){
                                        font-family: Arial;
                                        font-size: 19.93px;
                                        text-indent: 3px;
                                    }
                                }
                            }
                        }
                        
                        &>div{
                            width: 454px;
                            height: 286px;
                            display: flex;
                            justify-content: space-between;
                            flex-direction: row;
                            flex-wrap: wrap;

                            a{
                                display: block;
                                overflow: hidden;
                                img{
                                    width: 100%;
                                    height: 100%;  
                                    transition: all .5s ease-in-out;
                                    &:hover{
                                        transform: scale(1.2);
                                    }     
                                }
                                &:nth-child(1){
                                    width: 302px;
                                    height: 140px;
                                    position: relative;
                                   p{
                                       width: 100%;
                                       height: 43px;
                                       line-height: 43px;
                                       font-family:  "Microsoft YaHei";
                                       font-size: 16px;
                                       color: #fff;
                                       text-indent: 56px;
                                       background: rgba($color: #6abc40, $alpha: .8);
                                        position: absolute;
                                        bottom: 0;

                                        &::after{
                                            content: "";
                                            display: block;
                                            width: 21px;
                                            height: 21px;
                                            position: absolute;
                                            top: 11px;
                                            left: 19px;
                                            background-image: url(../images/body2-img2.png);
                                        }

                                        &:hover{
                                            background: rgba($color: #f9330e, $alpha: .8);
                                        }
                                   }
                                    
                                }

                                &:nth-child(2){
                                    width:149px;
                                    height: 140px;
                                }

                                &:nth-child(3),
                                &:nth-child(4),
                                &:nth-child(5){
                                    width: 149px;
                                    height: 143px;
                                }
                            }
                        }
                            
                    }
                }
            }

            .bd3-gt{
                width: 283px;
                &>div{

                    &:nth-child(1){
                        width: 100%;
                        margin-bottom: 27px;
                        &>a{
                            display: block;
                            text-decoration: none;
                            &:nth-child(1){
                                width: 100%;
                                height: 120px;
                                background: #9ed465;
                                position: relative;
                                border-bottom: 1px solid #c0e39b;
                                &:hover{
                                    background: #b0d48a;
                                }

                                div{
                                    width: 181px;
                                    height: 75px;
                                    margin: 0 auto;
                                    padding-top: 25px;

                                    P{
                                        color: #fff;

                                        &:nth-child(1){
                                            font-family: Arial;
                                            font-size: 91px;
                                            float: left;
                                            transform: translate(4px,-7px);
                                        }

                                        &:nth-child(2){
                                            font-family: "Microsoft YaHei";
                                            font-size: 42.76px;
                                            margin-bottom: 10px;
                                        }

                                        &:nth-child(3){
                                            font-family: Arial;
                                            font-size: 19.93px;
                                            text-indent: 3px;
                                        }
                                    }
                                }

                            }

                            &:nth-child(2),
                            &:nth-child(3),
                            &:nth-child(4),
                            &:nth-child(5),
                            &:nth-child(6){
                                width: 100%;
                                height: 43px;
                                background: #9ed465;
                                padding-top: 14px;

                                &:hover{
                                    background: #88b757;
                                    p{
                                        color: #fff;
                                    }
                                }
                                div{
                                    width: 110px;
                                    height: 32px;
                                    margin-left: 122px;
                                    position: relative;
                                    p{
                                        color: #5e5e5e;
                                        &:nth-child(1){
                                            font-family:"Microsoft YaHei";
                                            font-size: 16px;
                                            margin-bottom: 3px;
                                        }
                                        &:nth-child(2){
                                            font-family:Arial;
                                            font-size: 12px;
                                        }
                                    }

                                    &::after{
                                        content: "";
                                        display: block;
                                        width: 41px;
                                        height: 41px;
                                        position: absolute;
                                        top: -4px;
                                        left: -73px;
                                    }
                                }
                            }

                            &:nth-child(2)>div::after{
                                background-image: url(../images/gt-img1.png);
                            }
                            &:nth-child(3)>div::after{
                                background-image: url(../images/gt-img2.png);
                            }
                            &:nth-child(4)>div::after{
                                background-image: url(../images/gt-img3.png);
                            }
                            &:nth-child(5)>div::after{
                                background-image: url(../images/gt-img4.png);
                            }
                            &:nth-child(6)>div::after{
                                background-image: url(../images/gt-img5.png);
                            }

                            &:nth-child(2):hover>div::after{
                                background-image: url(../images/gt-img1s.png);
                            }
                            &:nth-child(3):hover>div::after{
                                background-image: url(../images/gt-img2s.png);
                            }
                            &:nth-child(4):hover>div::after{
                                background-image: url(../images/gt-img3s.png);
                            }
                            &:nth-child(5):hover>div::after{
                                background-image: url(../images/gt-img4s.png);
                            }
                            &:nth-child(6):hover>div::after{
                                background-image: url(../images/gt-img5s.png);
                            }
                        }
                    }

                    &:nth-child(2){
                        width: 100%;
                        background: #fff;
                        margin-bottom: 34px;
                       
                        hr{
                            width: 90%;
                            border: none;
                            height: 1px;
                            background: #ededed;
                            margin: 0 auto;
                        }
                        &>a{
                            display: block;
                            text-decoration: none;
                            &:nth-of-type(1){
                                width: 100%;
                                height: 123px;
                                background: #54d1f5;
                                position: relative;
                                &:hover{
                                    background: #7fddf7;
                                }

                                div{
                                    width: 227px;
                                    height: 75px;
                                    margin: 0 auto;
                                    padding-top: 25px;

                                    P{
                                        color: #fff;

                                        &:nth-child(1){
                                            font-family: Arial;
                                            font-size: 91.33px;
                                            float: left;
                                            transform: translate(4px,-7px);
                                        }

                                        &:nth-child(2){
                                            font-family: "Microsoft YaHei";
                                            font-size: 43.94px;
                                            margin-bottom: 10px;
                                        }

                                        &:nth-child(3){
                                            font-family: Arial;
                                            font-size: 19.93px;
                                            text-indent: 3px;
                                        }
                                    }
                                }
                            }

                            &:nth-of-type(2),
                            &:nth-of-type(3),
                            &:nth-of-type(4){
                                width: 100%;
                                height: 76px;
                                padding-top:22px; 
                                position: relative;
                                &:hover{
                                    background: #f55492;
                                }
                                p{
                                    width: 100%;
                                    text-indent: 109px;
                                    &:nth-child(1){
                                        font-family: Arial;
                                        font-size: 16px;
                                        color: #4d4d4d;
                                        margin-bottom: 4px;
                                    }

                                    &:nth-child(2){
                                        font-family:"Microsoft YaHei";
                                        font-size: 12px;
                                        color: #444444;
                                    }
                                }

                                &::before{
                                    content: "";
                                    display: block;
                                    width:64px;
                                    height: 64px;
                                    position: absolute;
                                    top: 17px;
                                    left: 33px;
                                }

                                &::after{
                                    content: "";
                                    display: block;
                                    width:48px;
                                    height: 16px;
                                    position: absolute;
                                    bottom: 21px;
                                    left: 109px;
                                    background-image: url(../images/gt-o.jpg);
                                }
                            }

                            &:nth-of-type(2)::before{
                                background-image: url(../images/gt-o1.png);
                            }
                            &:nth-of-type(3)::before{
                                background-image: url(../images/gt-o2.png);
                            }
                            &:nth-of-type(4)::before{
                                background-image: url(../images/gt-o3.png);
                            }

                        }
                    }
                    
                    &:nth-child(3){
                        width: 100%;
                        height: 188px;
                        position: relative;
                        a{
                            width: 100%;
                            height: 100%;
                            background-image: url(../images/gt-img11.jpg);
                            display: block;
                            text-decoration: none;

                            &:hover>div{
                                transform: scale(1.2);    
                            }
                            &>div{
                                width: 196px;
                                    height: 75px;
                                    margin: 0 auto;
                                    padding-top: 56px;
                                    transition: all .5s ease-in-out;
                                
                                    P{
                                        color: #fff;

                                        &:nth-child(1){
                                            font-family: Arial;
                                            font-size: 91.33px;
                                            float: left;
                                            transform: translate(4px,-7px);
                                        }

                                        &:nth-child(2){
                                            font-family: "Microsoft YaHei";
                                            font-size: 43.94px;
                                            margin-bottom: 10px;
                                        }

                                        &:nth-child(3){
                                            font-family: Arial;
                                            font-size: 19.93px;
                                            text-indent: 3px;
                                        }
                                    } 
                            }
                        }

                        &>div{
                            width: 72px;
                            height: 72px;
                            position: absolute;
                            background-color: #868686;
                            right: -89px;
                            top: 84px;
                            cursor: pointer;
                            img{
                                width: 100%;
                                height: 100%;
                                
                                &:hover{
                                    animation: runs 1s infinite linear;
                                }
                            }
                        }
                    }
                            
                }
            
            }
        }
    }
}

.book{
    width: 100%;
    background: #f7f7f7;
    border-top: 1px solid #e1e0e0;
    .containers{
        &>div{
            width: 100%;
            
            &:nth-child(1){
                height: 38px;
                position: relative;
                padding-top: 33px;
                hr{
                    width: 100%;
                    background: #eeeeee;
                    height: 6px;
                    border: none;
                    position: absolute;;
                    top: 37px;
                    z-index: 1;
                }
                h4{
                    font-family:  "Microsoft YaHei";
                    font-size: 15.81px;
                    background: #f7f7f7;
                    color: #000;
                    width: 120px;
                    text-align: center;
                    margin: 0 auto;
                    position: relative;
                    z-index: 3;
                }
            }

            &:nth-child(2){
                display: flex;
                justify-content: space-between;
                padding-bottom: 35px;
                &>div{

                    &:nth-child(1){
                        width: 660px;
                        margin-top: 11px;
                        columns: 2 290px;
                        &>div{
                            height: 76px;
                            margin-bottom: 35px;
                            img{
                                float: left;
                            }
                            p{
                                text-indent: 18px;
                                &:nth-of-type(1){
                                    font-family:  "Microsoft YaHei";
                                    font-size: 16px;
                                    color: #000;
                                    margin-bottom: 10px;
                                }

                                &:nth-of-type(2){
                                    color: #e14e42;
                                    margin-bottom: 10px;
                                    font-size: 25px;
                                    span{
                                        color: #b7b7b7;
                                    }
                                }

                                &:nth-of-type(3){
                                    font-family: SimSun;
                                    font-size: 12px;
                                    color: #252525;
                                    text-indent: 39px;
                                    position: relative;
                                    &::before{
                                        content: "";
                                        display: block;
                                        width: 9px;
                                        height: 9px;
                                        position: absolute;
                                        top: 2px;
                                        left: 140px;
                                        background: #0bcce3;
                                    }
                                }
                            }
                        }
                    }

                    &:nth-child(2){
                        width: 327px;

                        &>div{
                            width: 100%;
                            margin-bottom: 15px;
                            height: 101px;
                            img{
                                float: left;
                            }

                            p{
                                width: 100%;
                                text-indent: 15px;
                                &:nth-of-type(1){
                                    font-family: "Microsoft YaHei";
                                    font-size: 16px;
                                    color: #000;
                                    font-weight: bold;
                                    margin-bottom: 15px;
                                    span{
                                        font-size: 12px;
                                        color: #c90210;
                                        float: right;
                                        font-weight: normal;
                                    }
                                }

                                &:nth-of-type(2){
                                    font-family: "Microsoft YaHei";
                                    font-size: 12px;
                                    color: #000;
                                    line-height: 20px;
                                    margin-bottom: 9px;
                                    span{
                                        
                                        &:nth-of-type(1){
                                            font-size: 12px;
                                            font-family: "Microsoft YaHei";
                                            color: #259c9d;
                                        }

                                        &:last-child{
                                            font-size: 12px;
                                            font-family: "Microsoft YaHei";
                                            color: #c90210;
                                        }
                                    }
                                }

                                &:nth-of-type(3){
                                    font-family: "Microsoft YaHei";
                                    font-size: 12px;
                                    color: #000;
                                    text-indent: 38px;
                                    position: relative;
                                    &::after{
                                        content: "";
                                        display: block;
                                        position: absolute;
                                        width: 10px;
                                        height: 12px;
                                        left: 91px;
                                        top: 0;
                                        background-image: url(../images/book-img6.jpg);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
footer{
    width: 100%;
    height: 74px;
    background: url(../images/header-bg.jpg);
    .containers{
        line-height: 74px;
        font-family: "Microsoft YaHei";
        font-size: 14px;
        color: #fff;
    }
}

#br-foot span.link{
    border: 1px solid transparent;
    opacity: .5;
}

#br-foot span.hover{
    border: 1px solid #ff9000;
    opacity: 1;
}

#br-foot span:hover{
    border: 1px solid #ff9000;
    opacity: 1;
}

.imageAnimate{
    animation: run 1s ease-in-out 1;
}

@keyframes run{
    0%{transform:scale(.3) translateY(-50%); opacity: 0;}
    100%{transform:scale(1) translateY(0); opacity: 1;}
}

@keyframes runs{
    0%{ transform: translateY(0px);}
    50%{ transform: translateY(-20%); }
    100%{ transform: translateY(-40%); }
}


@media screen and (min-width:1086px){
    .banner .container,.containers{
        width: 1070px;
        height: 100%;
        margin:0 auto;
    }

}

@media screen and (max-width:1269px){
    .body .containers .body-3 .bd3-gt > div:nth-child(3) > div{
        right: 103px;
        top: 194px;
    }
}

@media screen and (max-width:1087px){
    .body .containers .body-3{
        flex-direction: column;
        align-items: center;

        .bd3-lt{
            margin-bottom: 25px;
        }
    }

    .book .containers>div:nth-child(2){
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width:1086px){
    .banner .container .containers{
        width: 100%;
    }

    .nav3{
        box-shadow: none;
        height: 100%;
        a{
            border-bottom: 1px solid #dddddd;
            box-shadow: 0 1px 1px #dddddd;
            border-radius: 5px;
        }
    }
}

@media screen and (max-width:900px){
    .wrapper .body .containers .body-2{
       flex-direction: column;
       a{
            width: 305px;
            margin: 0 auto;
            flex-basis:auto;
            &:nth-child(1)::after{
                border-left: 9px solid transparent;
                border-right: 9px solid transparent;
                border-top: 15px solid #54d1f5;
                border-bottom: none;
                top: auto;
                right: auto;
                bottom: -15px;
                left: 143px;
            }
            &:nth-child(1):hover::after{
                border-top: 15px solid #7cd7f0;

               }
       }
    }

    
}

@media screen and (max-width:776px){
    .body .containers .body-3 .bd3-lt{
        width: 100%;
        &>div:nth-child(1){
            flex-direction: column;
            align-items: center;
            &>div{
                margin-bottom: 25px;
            }
        }
    }

    .body .containers .body-3 .bd3-lt > div:nth-child(2){
        flex-direction: column;
        align-items: center;
        &>a{
            margin-bottom: 25px;
        }
    }
}

@media screen and (max-width:680px){
    .wrapper .book .containers > div:nth-child(2) > div{
        width: 310px;
    }
}


@media screen and (max-width:550px){
     .body .containers .body-1 > a{
        margin-bottom: 3px;
    }
}

@media screen and (max-width:497px){
    .body .containers .body-3 .bd3-lt > div{
        width: 302px;
        margin-left: auto;
        margin-right: auto;
    }
    .body .containers .body-3 .bd3-lt > div:nth-child(1) > div:nth-child(1){
        width: 100%;
    }

    .body .containers .body-3 .bd3-lt > div:nth-child(2) > div{
        width: 302px;
        height: 100%;
        &>a{
            margin-bottom: 25px;
        }
    }

    .body .containers .body-3 .bd3-lt > div:nth-child(1) > div:nth-child(1) > a:nth-child(1)::after{
        left: 143px;
    }
   
    footer .containers{
        text-align: center;
    }
}

@media screen and (max-width:352px){
    .body .containers .body-1{
       justify-content: space-around;
   }
}
